分类：前端

在使用layui的过程，有几个方法需要被多个js引用，所以我按照文档，自定义了一个layui的模块，下面实现过程（推荐：layui使用教程）先定义一个模块//定义模块layui.define([form], function(exports

分类：前端

在使用layui的form表单做验证提交的时候，如果结合vue，或者是三级联动的时候，就需要做事件监听了。具体语法：form.on(event(过滤器值), callback);可以用于监听：select，checkbox，switch，r

分类：前端

使用layui timeline过程记录：layui官网时间线介绍比较少，可能是太简单了，这里把时间线通过请求后台数据。再自动填写到对应区块，进行了封装；代码如下：function timelineshow(url,json,div){

分类：前端

layer至今仍作为layui的代表作，她的受众广泛并非偶然，而是这五年多的坚持，不断完善和维护、不断建设和提升社区服务，使得猿们纷纷自发传播，乃至于成为今天的Layui最强劲的源动力。目前，layer已成为国内最多人使用的web弹层组件，

分类：前端

项目上线，发现后台管理系统layui的子页面出现时间控件闪退的问题，根本选取不到时间。其原因是：如果出现页面找到多个节点，只有第一个节点能正常使用后面的节点都会闪退，可以理解为目前laydate不支持一次性render多个节点。不是什么实例

分类：前端

laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染。核心方法： laypage.render(options) 来设置基础参数。一、laypage的常用基础参数layui.use([la

分类：前端

今天来谈谈table sort的那点事。预告一下，目的是做到前台排序还有服务器排序区分开，目前的table的分页实际是比较“乱”的，相信很多用的有一段时间的特别是做server排序的同学都会多多少少遇到不正常的情况。推荐：layui教程先看

分类：前端

使用layui table过程中，将某一列的数据格式进行转换，或者将0/1状态改为是/否，或者将数字改为星星评分显示的时候都会遇到一个问题，我的表格数据转换成其他形式，同时设置了sort:true，此时，点击排序按钮之后，该列数据就消失了。

分类：前端

layui数据表格自动分配列宽效果图：适用场景：主要是解决窗口大小改变后表格尾列出现空白和滚动条的问题-窗口由小变大，出现表格尾列出现空白窗口由大变小，出现横向滚动条重新加载框架后恢复正常使用前提：-每一列的表头必须全部设置minWidth

分类：前端

很多小伙伴遇到美化了之后里面的change事件不触发了这个问题，以前的建议就是既然使用layui的组件，就充分利用他，他对应的也提供了表单的select事件，但是如果这些节点以前就存在了后来用了layui岂不是都要去把对应的事件搬过来。推荐

分类：前端

layui（谐音：类UI) 是一款采用自身模块规范编写的前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，下面我们来看一下基于layui的步骤条面板实现。html元素<div class="layui-step"> <di

分类：前端

本规范一共四件事：1、规定插件的目录使用，2、规定插件css样式的前缀，3、规定插件的统一封装，4、规定插件的引入方式。一、目录篇先来一个目录图目录结构说明（结合图片理解）mod_name代表插件名，author代表第三方作者layui

分类：前端

出现的问题：1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误（自己的锅）2、传递参数问题使用的 table 加载刷新方案有一个页面，左侧是一个 tree，右侧是一个 table，默认 table 加

分类：前端

layui上传与bootstrap上传相似，只是不需要下插件，layui自带的已够用 先看一下前台界面，这里是用到的上传头像先点击开始上传，头像上传至服务器中，返回json添加至form表单中，与其他数据一起提交先看一下jsp界面<%@ p

分类：前端

table模块是layui的又一走心之作，在 layui 2.0 的版本中全新推出，是 layui 最核心的组成之一。它用于对表格进行一些列功能和动态化数据操作，涵盖了日常业务所涉及的几乎全部需求。推荐：layui使用教程支持固定表头、固定

分类：前端

非模块化和模块化的区别是非模块化不用每次都调用layui.use([],fun...)引入对应模块，引入的JS是/layui/layui.all.js模块化必须每次都调用layui.use([],fun...)引入对应模块，引入的JS是/l

分类：前端

获得 Layui你可以在官网首页下载到 Layui 的最新版，也可以通过 GitHub 得到Layui的开源包。目前只同步维护这两处资源渠道。一般如果你是用于实际项目，推荐你直接从官网下载。layui构建后的结构（也就是你获得的包）├─cs

分类：前端

layui复选框：效果图layui复选框，一个主的复选框控制多个从复选框，主复选框和从复选框的颜色不一样layui复选框的样式，都是在选然后才会有的，所以直接通过css设置就实现不了了。只可以通过js动态设置html代码使用了jfinal的

分类：前端

关于layUI模块的核心，就是 layui.js 的两个底层方法：一个用于定义模块的 layui.define()，一个加载模块的 layui.use()。（推荐：layui使用教程）1、预先加载Layui的模块加载采用核心的 layui.

分类：前端

在使用layui的form表单做验证提交的时候，如果结合vue，或者是三级联动的时候，就需要做事件监听了。具体语法：form.on(event(过滤器值), callback);可以用于监听：select，checkbox，switch，r